.payment-status {
  position: relative;
  .status-row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
  }

  // 状态图标样式
  .status-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: white;
    font-weight: bold;
    margin-right: 8px;
  }

  // 状态文字样式
  .status-text {
    font-size: 16px;
    font-weight: 500;
  }

  // 金额行样式
  .amount-row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    // 金额容器样式
    .amount-container {
      position: relative;
      display: flex;
      direction: row;
      text-align: right;
      width: 100%;
      line-height: 1em;

      // 金额数字样式
      .amount-number {
        font-size: 32px;
        width: calc(100% - 100px);
        line-height: 1em;
        font-weight: 500;
        // 货币单位样式
        .currency-unit {
          font-size: 16px;
          margin-left: 2px;
        }
      }
      // 优惠标签样式
      .discount-tag {
        width: 90px;
        height: 21px;
        font-size: 14px;
        line-height: 21px;
        color: #fff;
        opacity: 0.5;
        position: absolute;
        right: 0px;
        top: 8px;
        padding-right: 6px;
        background-image: url("@/assets/images/zhekou.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
      }
    }
  }
}
